﻿<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Your description"/>
<meta name="keywords" content="Your keywords"/>
<meta name="author" content="Your name"/>

</head>
<body class="front">

<div id="main">
  <!-- head 头部 -->
  <div id="head" th:include="common/index_header :: copy"></div>

<div id="slider_wrapper">
  <div class="container">
    <div id="slider_inner">
      <div class="">
        <div id="slider">

          <div class="">
            <div class="carousel-box">
              <div class="inner">
                <div class="carousel main">
                  <ul>
                    <li th:each="topFlow,topFlowStat : ${topFlowList}">
                      <div class="slider">
                        <div class="slider_inner">
                          <div class="txt1"><span th:text="${topFlow.title}"></span></div>
                          <div class="txt2"><span th:text="${topFlow.title}"></span></div>
                          <div class="txt3"><span th:text="${topFlow.title}"></span></div>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="slider_pagination"></div>
        </div>
      </div>
    </div>
  </div>
</div>

  <div id="front_tabs">
    <div class="container">
      <div class="tabs_wrapper tabs1_wrapper">
        <div class="tabs tabs1">
          <div class="tabs_tabs tabs1_tabs">

            <ul>
              <li class="active flights"><a href="#tabs-1">景点查询</a></li>
            </ul>

          </div>
          <div class="tabs_content tabs1_content">

            <div id="tabs-1">
              <form action="../search/getData" id="uploadForm" name="uploadForm" class="form1" method="POST">
                <div class="row">
                  <div class="col-lg-10">
                    <div class="form-group">
                      <label>请输入景点名称</label>
                      <input class="form-control" placeholder="请输入景点名称" name="keyword"/>
                    </div>
                  </div>
                  <div class="col-sm-4 col-md-2">
                    <div class="button1_wrapper">
                      <button type="submit" class="btn-default btn-form1-submit">查询</button>
                    </div>
                  </div>
                </div>
              </form>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>


  <div id="popular_cruises1">
    <div class="container">

      <div class="row">
        <div class="col-sm-12">

          <div class="row">
            <div class="col-sm-4" th:each="apidata,apidataStat : ${apidataList}" style="width: 25%;">
              <div class="thumb5">
                <div class="thumbnail clearfix">
                  <figure th:if="${#lists.size(apidata.picList)>0}">
                    <!--<img src="/images/flights01.jpg" th:src="@{/images/flights01.jpg}" alt="" class="img-responsive"/>-->
                    <img th:src="${apidata.picList[0].picUrl}" alt="" class="img-responsive" style="width: 270px;height: 179px"/>
                  </figure>
                  <div class="caption">
                    <div class="txt1" th:text="${apidata.name}"></div>
                    <div class="txt3 clearfix">
                      <div class="left_side">
                        <div class="price" th:text="${apidata.price}"></div>
                        <div class="nums" th:text="${apidata.star}"></div>
                      </div>
                      <div class="right_side">
                        <a href="#" class="btn-default btn1" th:name="${apidata.name}" onclick="showModal(this.name);">查看详情</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- Modal -->
              <!-- 信息确认 -->
              <div class="modal fade" th:id="${apidata.name}">
                <div class="modal-dialog">
                  <div class="modal-content message_align">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                      <h4 class="modal-title">详细信息</h4>
                    </div>
                    <div class="modal-body">
                      <div class="thumbnail clearfix">
                        <figure>
                          <!--<img src="/images/flights01.jpg" th:src="@{/images/flights01.jpg}" alt="" class="img-responsive"/>-->
                          <ul class="social clearfix">
                            <li th:each="pic,picStat : ${apidata.picList}">
                              <img th:src="${pic.picUrlSmall}" alt="" class="img-responsive"/>
                            </li>
                          </ul>
                        </figure>
                        <div class="caption">
                          名称：<div class="txt1" th:text="${apidata.name}"></div>
                          <div class="txt3 clearfix">
                            <div class="left_side">
                              价格：<div class="price" th:text="${apidata.price}"></div>
                              星级：<div class="nums" th:text="${apidata.star}"></div>
                            </div>
                            <!--<div class="right_side"><a href="#" class="btn-default btn1" onclick="delcfm();">查看详情</a></div>-->
                          </div>
                        </div>
                        <figure>
                          <ul class="social clearfix">
                            <li th:each="price,priceStat : ${apidata.priceList}">
                                <span th:text="${price.type}"></span>
                                <ul class="social clearfix">
                                  <li th:each="priceData,priceDataStat : ${price.priceDataList}">
                                    <span th:text="${priceData.TicketName}"></span>
                                    <span th:text="${priceData.Amount}"></span>
                                    <span th:text="${priceData.AmountAdvice}"></span>
                                  </li>
                                </ul>
                            </li>
                          </ul>
                        </figure>
                      </div>
                    </div>
                    <div class="modal-footer">
                      <input type="hidden" id="id"/>
                      <button type="button" class="btn btn-default"  th:name="${apidata.name}" onclick="closeModal(this.name)">取消</button>
                      <!--<a  onclick="urlSubmit()" class="btn btn-success" data-dismiss="modal">确定</a>-->
                    </div>
                  </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
              </div><!-- /.modal -->
              <!-- /.modal -->
            </div>
          </div>

        </div>
      </div>

    </div>
  </div>

  <div class="bot2_wrapper">
    <div class="container">
      <div class="left_side">
        Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href=""></a>
      </div>
      <div class="right_side"></div>
    </div>
  </div>

</div>

<script src="/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" src="../componets/business/search.js" ></script>
</body>
</html>
